<template>
  <div id="app">
    <header class="head">
      <a class="back tl" href="javascript:history.back(-1)">
        <i class="el-icon-arrow-left"></i>
      </a>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">基本信息</small>
      </a>
    </header>
    <main>
        <div class="formcontent">
        <ul>
          <li>
            <span><em>*</em>店招名称</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>证号</span>
            <div class="froms">
              <label>{{this.listData.idCard}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>核定主体业态</span>
            <div class="froms">
              <label>{{this.listData.permits[0].mainIndustry}}</label>
            </div>
          </li>
          <li>
            <span><em>*</em>主体业态二级</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>主体业态三级</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
               <li>
            <span><em>*</em>主体业态备注</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>是否含网络经营*</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>核定经营项目</span>
            <div class="froms">
              <label>{{this.listData.shopName}}</label>
            </div>
          </li>
           <li>
            <span><em>*</em>发证机关</span>
            <div class="froms">
              <label>{{this.IssuingAuthorityData.name}}</label>
            </div>
          </li>
          <li>
            <span><em>*</em>经济性质</span>
            <div class="froms">
              <label>{{this.EconomicTypeData.shopName}}</label>
            </div>
          </li>
        </ul>
        </div>
    </main>
  </div>
</template>

<script>
  import {
    creditEnterprise,IssuingAuthorityData,EconomicTypeData,MainIndustryTwo,MainIndustryThree
  } from '../../../api/api';
  export default {
    data() {
      return {
        listData: {},
        IssuingAuthorityData:{},
        EconomicTypeData:{},
        data:""
      };
    },
    methods: {
      //数据加载方法
      getData() {
        let options = {
          params: {
            enterpriseUnid: JSON.parse(localStorage.getItem('auth')).enterpriseUnid,
          }
        }
        creditEnterprise(options).then((res) => {
          if (res.success === true) {
            this.listData = res.data;
          }
        })
      },
       IssuingAuthority() {
        let options = {
          params: {
            industryTypeCode:-3
          }
        }
        IssuingAuthorityData(options).then((res) => {
          if (res.success === true) {
            this.IssuingAuthorityData = res.data[0];
          }
        })
      },
        EconomicType() {
        let options = {
          params: {
            industryTypeCode:-3
          }
        }
        EconomicTypeData(options).then((res) => {
          if (res.success === true) {
            this.EconomicTypeData = res.data[0];
          }
        })
      },
      IndustryTwo() {
        MainIndustryTwo().then((res) => {
         
        })
      },
    },
    //页面加载时候
    mounted() {
      this.getData();
      this.IssuingAuthority();
      this.EconomicType();
      this.IndustryTwo()
    }
  
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
